<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<%@include file="head.jsp" %>


<div class="layui-fluid">
    <div class="layui-card">

        <div class="layui-card-header">
            权限管理
        </div>

        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item refresh-nav" align="center" style="font-family: '宋体'; font-size: 20px;">
                <div class="layui-inline">
                    <label class="layui-form-label">身份证号</label>
                    <div class="layui-input-inline">
                        <input style="height: auto;margin-top: 5px" type="text" id="idCard" name="idCard"
                               placeholder="请输入" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">用户ID</label>
                    <div class="layui-input-inline">
                        <input style="height: auto;margin-top: 5px" type="text" id="userId" name="userId"
                               placeholder="请输入" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline" id="search">
                    <button class="layui-btn" id="searchBtn" data-type="reload">搜索</button>
                </div>
            </div>
            <div class="layui-card-body">
                <table id="groupList" lay-filter="groupList">

                </table>
            </div>
        </div>
    </div>
</div>


<%--<form class="layui-form" id="form1">--%>
<%--<div class="layui-card">--%>
<%--<div class="layui-card-header"  style="color:#d02e25;font-family: '楷体'; ">--%>
<%--添加组织--%>
<%--</div>--%>
<%--<div class="layui-card-body">--%>
<%--<div class="layui-tab">--%>
<%--<ul class="layui-tab-title" id="tabTitle">--%>
<%--<li class="layui-this">网站设置</li>--%>
<%--<li>用户管理</li>--%>
<%--<li>权限分配</li>--%>
<%--<li>商品管理</li>--%>
<%--<li>订单管理</li>--%>
<%--</ul>--%>
<%--<div class="layui-tab-content" id="tabContent">--%>
<%--<div class="layui-tab-item layui-show">--%>
<%--1. 高度默认自适应，也可以随意固宽。--%>
<%--<br>2. Tab进行了响应式处理，所以无需担心数量多少。--%>
<%--</div>--%>
<%--<div class="layui-tab-item">内容2</div>--%>
<%--<div class="layui-tab-item">内容3</div>--%>
<%--<div class="layui-tab-item">内容4</div>--%>
<%--<div class="layui-tab-item">内容5</div>--%>
<%--</div>--%>
<%--</div>--%>
<%--</div>--%>
<%--</div>--%>
<%--</form>--%>


</body>

<script>


    layui.use(['table', 'form'], function () {
        var table = layui.table
            , form = layui.form;


        //组织人员列表
        table.render({
            elem: '#groupList'
            // ,height: 'full-200'
            , method: 'post'
            , url: '/ajax/auth/branch_person_list'
            , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                ,groups: 5 //只显示 1 个连续页码
                ,first: false //不显示首页
                ,last: false //不显示尾页
                ,prev:'上一页'
                ,next:'下一页'
            }
            , loading: true
            , cellMinWidth: 80
            , limit: 20
            , id: 'groupList'
            , cols: [[
                {field:'id', title: 'ID', width:60, style:'text-align:center;',align:'center', sort: true}
                ,{field:'name', title: '姓名',style:'text-align:center;',align:'center'}
                ,{field:'isManager', title: '是否为管理员', templet:'#type',style:'text-align:center;',align:'center'}
                ,{field:'branchName', title: '所属部门',templet:'#parent', style:'text-align:center;',align:'center'}
                , {fixed: 'right', title: '操作', align: 'center', width: 200, toolbar: '#dothing'}
            ]]
        });


        layui.$("#searchBtn").click(function () {
            var idCard = $('#idCard').val();//获取输入框的值
            var userId = $("#userId").val();

            if (userId == null || userId == "") {
                userId = 0;
            }

            if ((userId == null || userId == "") && (idCard == null || idCard == "")) {
                table.reload('groupList',
                    {
                        page:
                            {
                                curr: 1 //重新从第 1 页开始
                            }
                        , limit: 10
                        , method: 'post',
                    });
            } else {
                table.reload('groupList',
                    {
                        page:
                            {
                                curr: 1 //重新从第 1 页开始
                            }
                        , limit: 10
                        , where: {
                            idCard: idCard,
                            userId: userId
                        }//这里传参  向后台
                        , url: '/ajax/auth/searchUser'//后台做模糊搜索接口路径
                        , method: 'post',
                    });
            }


        });


        // //这个是用于创建点击事件的实例
        // $('#search .layui-btn').on('click', function ()
        // {
        //     var type = $(this).data('type');
        //     active[type] ? active[type].call(this) : '';
        // });
        //搜索


        //监听工具条
        table.on('tool(groupList)', function (obj) {
            var data = obj.data;

            if (obj.event === 'detail') {

                window.open("/auth/addauth/index?id=" + data.id);

            } else if (obj.event === 'update') {
                window.open("/auth/updateauth/index?id=" + data.id);

            } else if (obj.event === 'del') {
                layer.confirm('真的删除行么', function (index) {
                    $.post("/ajax/party/admin/delGroup", {
                        id: data.id
                    }, function (result) {
                        console.log(result);
                        if (result.code == 0) {
                            layer.alert("删除成功！");
                        }
                        obj.del();
                        layer.close(index);
                    });
                });
            }
        });


        form.on('submit(ok)', function (data) {


            $.ajax({
                type: "post",
                url: "/ajax/party/admin/addgroup",
                contentType: 'application/json;charset=utf-8',
                //设置请求头信息
                dataType: "json",
                data: JSON.stringify(data.field),
                success: function (res) {
                    if (res.code == 0) {
                        layer.alert("OK");
                        // refresh();

                    }
                }
            })

            return false;
        })


    });
</script>


<script type="application/javascript">


</script>

<script type="text/html" id="dothing">

    <a class="layui-btn layui-btn layui-btn-xs" lay-event="update">修改</a>

    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<script type="text/html" id="parent">

    {{#  if( d.branchName === null){ }}
    {{ d.parent='指挥中心' }}
    {{#}  else { }}
    {{ d.parent=d.branchName }}
    {{# } }}





</script>

<script type="text/html" id="type">

    {{#  if( d.isManager === null){ }}
    {{ d.parent='否' }}
    {{#}  else { }}
    {{ d.parent='是' }}
    {{# } }}




</script>
</html>